import '@/assets/styles/main.scss'
import { autoScrollDirective } from '@/common/utils/directives/auto-scroll'
import 'ant-design-vue/dist/reset.css'
import 'bytemd/dist/index.css'
import 'normalize.css'
import { createApp } from 'vue'
import App from './App.vue'
import pinia from './common/stores'
import router from './router'

// 其他相关导入和配置，如下面这些示例代码
// 预览组件以及样式
import VMdPreview from "@kangc/v-md-editor/lib/preview";
import "@kangc/v-md-editor/lib/style/preview.css";
// VuePress主题以及样式（这里也可以选择github主题）
import vuepressTheme from "@kangc/v-md-editor/lib/theme/vuepress.js";
import "@kangc/v-md-editor/lib/theme/style/vuepress.css";

// Prism
import Prism from "prismjs"
// 代码高亮
import "prismjs/components/prism-json";
// 选择使用主题
VMdPreview.use(vuepressTheme, {
  Prism,
});



const app = createApp(App)
app.directive("auto-scroll", autoScrollDirective)
app.use(VMdPreview);
app.use(router).use(pinia).mount('#app')
